<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
</h:head>
<h:body>

	<h:form id="form1">
		<p:panel header="Cadastro de Usúaios">
			<h:panelGrid columns="2" cellpadding="5">
				<h:outputText value="Nome: "/>
				<p:inputText id ="nome" value="#{usuarioBean.usuario.nome}" />

				<h:outputText value="Login: " />
				<p:inputText id="login" value="#{usuarioBean.usuario.login}" />

				<h:outputText value="Senha: " />
				<p:password id="senha" value="#{usuarioBean.usuario.senha}" />

				<p:commandButton value="Limpar" type="reset" />
				<p:commandButton value="Cadastrar"
					actionListener="#{usuarioBean.incluir}" update="usuariosTable, nome, login, senha"
					icon="ui-icon-disk" type="submit"/>

			</h:panelGrid>
		</p:panel>


		<p:dataTable var="usuario" value="#{usuarioBean.lista}"
			rowKey="#{usuario.id}" paginator="true" rows="10"
			selectionMode="single" selection="#{usuarioBean.usuarioSelecionado}"
			filteredValue="#{usuarioBean.usuariosFiltrados}" id="usuariosTable">
			
		 <p:ajax event="rowSelect" oncomplete="confirmaOpcoes.show()" /> 
		

			<f:facet name="header">
            Lista de Usuários
        </f:facet>

			<p:column headerText="ID" sortBy="#{usuario.id}"
				filterBy="#{usuario.id}" id="id">
            #{usuario.id}
            
             <p:growl id="messages" showDetail="true" />
        </p:column>

			<p:column headerText="Nome" sortBy="#{usuario.nome}"
				filterBy="#{usuario.nome}" id="nome">
            #{usuario.nome}
        </p:column>

			<p:column headerText="Login" sortBy="#{usuario.login}"
				filterBy="#{usuario.login}" id="login">
           	#{usuario.login}
        </p:column>

			<p:column headerText="Senha" sortBy="#{usuario.senha}"
				filterBy="#{usuario.senha}" id="senha">
            #{usuario.senha} 
        </p:column>		
		</p:dataTable>

	  
<!-- 	  Caixa de dialogo - Menu de opcoes -->
	<p:confirmDialog id="dialogoConfirmaOpcoes" message="O que deseja fazer?"  
                header="Menu de Opções" severity="alert" widgetVar="confirmaOpcoes">           
        <p:commandButton id="editar" value="Editar" onclick="dlgEditar.show()" 
        	oncomplete="confirmaOpcoes.hide()" type="button"/>       
        <p:commandButton id="excluir" value="Excluir" onclick="confirmaExclusao.show()" oncomplete="confirmaOpcoes.hide()"/>  
        <p:commandButton id="cancelar" value="Cancelar" onclick="confirmaOpcoes.hide()" type="button" />           
    </p:confirmDialog>  
    
<!-- 	  Caixa de dialogo - Confirma Exlusao -->    
    <p:confirmDialog id="dialgoConfirmaExclusao" message="Tem certeza que deseja excluir o usuario?"  
                header="Comfirmação de Exclusão" severity="alert" widgetVar="confirmaExclusao">  
        <p:commandButton id="btnSim" value="sim" oncomplete="confirmaExclusao.hide()"  
                    actionListener="#{usuarioBean.excluir(usuarioBean.usuarioSelecionado)}" 
                    update="usuariosTable" />  
        <p:commandButton id="btnNao" value="Não" onclick="confirmaExclusao.hide()" type="button" />           
    </p:confirmDialog> 

    
    <!-- 	  Caixa de dialogo - Editar Usuario --> 
    <p:dialog header="Edite os dados" widgetVar="dlgEditar" resizable="false">  
       
        <h:panelGrid columns="2" style="margin-bottom:10px">  
            <h:outputLabel for="nomeEditar" value="Nome:" />  
            <p:inputText id="nomeEditar" value="#{usuarioBean.usuarioSelecionado.nome}" /> 
             <h:outputLabel for="loginEditar" value="Login:" />  
            <p:inputText id="loginEditar" value="#{usuarioBean.usuarioSelecionado.login}" />
             <h:outputLabel for="senhaEditar" value="Senha:" />  
            <p:inputText id="senhaEditar" value="#{usuarioBean.usuarioSelecionado.senha}" /> 
        </h:panelGrid>  
       
        <p:commandButton id="btnSalvar" actionListener="#{usuarioBean.editar()}"
         value="Salvar" update="usuariosTable, nomeEditar, loginEditar, senhaEditar" oncomplete="dlgEditar.hide(), confirmaOpcoes.hide()"/>  
        
	</p:dialog>  
    
  </h:form> 


</h:body>
</html>